<!DOCTYPE html>
<html>

<head>
  <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  <meta charset="UTF-8">
  <link rel="stylesheet" href="font/bui-fonts.min.css" />
  <style>
    .clearfix {
      *zoom: 1;
    }

    .clearfix:before,
    .clearfix:after {
      display: table;
      content: "";
      line-height: 0;
    }

    .clearfix:after {
      clear: both;
    }

    html {
      font-size: 100%;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
    }

    a:focus {
      outline: thin dotted #333;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }

    a:hover,
    a:active {
      outline: 0;
    }

    button,
    input,
    select,
    textarea {
      margin: 0;
      font-size: 100%;
      vertical-align: middle;
    }

    button,
    input {
      *overflow: visible;
      line-height: normal;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
      padding: 0;
      border: 0;
    }

    body {
      margin: 0;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 20px;
      color: #333;
      background-color: #fff;
    }

    a {
      color: #08c;
      text-decoration: none;
    }

    a:hover {
      color: #005580;
      text-decoration: underline;
    }

    .row {
      margin-left: -20px;
      *zoom: 1;
    }

    .row:before,
    .row:after {
      display: table;
      content: "";
      line-height: 0;
    }

    .row:after {
      clear: both;
    }

    [class*="span"] {
      float: left;
      min-height: 1px;
      margin-left: 20px;
    }

    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
      width: 940px;
    }

    .span12 {
      width: 940px;
    }

    .span11 {
      width: 860px;
    }

    .span10 {
      width: 780px;
    }

    .span9 {
      width: 700px;
    }

    .span8 {
      width: 620px;
    }

    .span7 {
      width: 540px;
    }

    .span6 {
      width: 460px;
    }

    .span5 {
      width: 380px;
    }

    .span4 {
      width: 300px;
    }

    .span3 {
      width: 220px;
    }

    .span2 {
      width: 140px;
    }

    .span1 {
      width: 60px;
    }

    [class*="span"].pull-right,
    .row-fluid [class*="span"].pull-right {
      float: right;
    }

    .container {
      margin-right: auto;
      margin-left: auto;
      *zoom: 1;
    }

    .container:before,
    .container:after {
      display: table;
      content: "";
      line-height: 0;
    }

    .container:after {
      clear: both;
    }

    p {
      margin: 0 0 10px;
    }

    .lead {
      margin-bottom: 20px;
      font-size: 21px;
      font-weight: 200;
      line-height: 30px;
    }

    small {
      font-size: 85%;
    }

    h1 {
      margin: 10px 0;
      font-family: inherit;
      font-weight: bold;
      line-height: 20px;
      color: inherit;
      text-rendering: optimizelegibility;
    }

    h1 small {
      font-weight: normal;
      line-height: 1;
      color: #999;
    }

    h1 {
      line-height: 40px;
    }

    h1 {
      font-size: 38.5px;
    }

    h1 small {
      font-size: 24.5px;
    }

    body {
      margin-top: 90px;
    }

    .header {
      position: fixed;
      top: 0;
      left: 50%;
      margin-left: -480px;
      background-color: #fff;
      border-bottom: 1px solid #ddd;
      padding-top: 10px;
      z-index: 10;
    }

    .footer {
      color: #ddd;
      font-size: 12px;
      text-align: center;
      margin-top: 20px;
    }

    .footer a {
      color: #ccc;
      text-decoration: underline;
    }

    .the-icons {
      font-size: 14px;
      line-height: 24px;
    }

    .switch {
      position: absolute;
      right: 0;
      bottom: 10px;
      color: #666;
    }

    .switch input {
      margin-right: 0.3em;
    }

    .codesOn .i-name {
      display: none;
    }

    .codesOn .i-code {
      display: inline;
    }

    .i-code {
      display: none;
    }
  </style>

  <script>
    function toggleCodes(on) {
      var obj = document.getElementById('icons');

      if (on) {
        obj.className += ' codesOn';
      } else {
        obj.className = obj.className.replace(' codesOn', '');
      }
    }

  </script>
</head>

<body>
  <div class="container header">
    <h1>fontello <small>font demo</small></h1>
    <label class="switch">
      <input type="checkbox" onclick="toggleCodes(this.checked)">show codes
    </label>
  </div>
  <div class="container" id="icons">
    <div class="row">
      <div class="the-icons span3" title="Code: 0x25a0"><i class="demo-icon fa-stop"></i> <span
          class="i-name">fa-stop</span><span class="i-code">0x25a0</span></div>
      <div class="the-icons span3" title="Code: 0x266a"><i class="demo-icon fa-note"></i> <span
          class="i-name">fa-note</span><span class="i-code">0x266a</span></div>
      <div class="the-icons span3" title="Code: 0x26ab"><i class="demo-icon fa-record"></i> <span
          class="i-name">fa-record</span><span class="i-code"></span></div>
      <div class="the-icons span3" title="Code: 0xe055"><i class="demo-icon fa-help-circled"></i> <span
          class="i-name">fa-help-circled</span><span class="i-code">0xe055</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe0c2"><i class="demo-icon fa-looped-square-outline"></i> <span
          class="i-name">fa-looped-square-outline</span><span class="i-code">0xe0c2</span></div>
      <div class="the-icons span3" title="Code: 0xe0db"><i class="demo-icon fa-github"></i> <span
          class="i-name">fa-github</span><span class="i-code">0xe0db</span></div>
      <div class="the-icons span3" title="Code: 0xe74a"><i class="demo-icon fa-move-1"></i> <span
          class="i-name">fa-move-1</span><span class="i-code">0xe74a</span></div>
      <div class="the-icons span3" title="Code: 0xe779"><i class="demo-icon fa-font-2"></i> <span
          class="i-name">fa-font-2</span><span class="i-code">0xe779</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe800"><i class="demo-icon fa-search"></i> <span
          class="i-name">fa-search</span><span class="i-code">0xe800</span></div>
      <div class="the-icons span3" title="Code: 0xe801"><i class="demo-icon fa-heart"></i> <span
          class="i-name">fa-heart</span><span class="i-code">0xe801</span></div>
      <div class="the-icons span3" title="Code: 0xe802"><i class="demo-icon fa-music"></i> <span
          class="i-name">fa-music</span><span class="i-code">0xe802</span></div>
      <div class="the-icons span3" title="Code: 0xe803"><i class="demo-icon fa-mail"></i> <span
          class="i-name">fa-mail</span><span class="i-code">0xe803</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe804"><i class="demo-icon fa-heart-empty"></i> <span
          class="i-name">fa-heart-empty</span><span class="i-code">0xe804</span></div>
      <div class="the-icons span3" title="Code: 0xe805"><i class="demo-icon fa-star-empty"></i> <span
          class="i-name">fa-star-empty</span><span class="i-code">0xe805</span></div>
      <div class="the-icons span3" title="Code: 0xe806"><i class="demo-icon fa-down-open-2"></i> <span
          class="i-name">fa-down-open-2</span><span class="i-code">0xe806</span></div>
      <div class="the-icons span3" title="Code: 0xe807"><i class="demo-icon fa-user"></i> <span
          class="i-name">fa-user</span><span class="i-code">0xe807</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe808"><i class="demo-icon fa-video"></i> <span
          class="i-name">fa-video</span><span class="i-code">0xe808</span></div>
      <div class="the-icons span3" title="Code: 0xe809"><i class="demo-icon fa-videocam"></i> <span
          class="i-name">fa-videocam</span><span class="i-code">0xe809</span></div>
      <div class="the-icons span3" title="Code: 0xe80a"><i class="demo-icon fa-picture"></i> <span
          class="i-name">fa-picture</span><span class="i-code">0xe80a</span></div>
      <div class="the-icons span3" title="Code: 0xe80b"><i class="demo-icon fa-ok"></i> <span
          class="i-name">fa-ok</span><span class="i-code">0xe80b</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe80c"><i class="demo-icon fa-th"></i> <span
          class="i-name">fa-th</span><span class="i-code">0xe80c</span></div>
      <div class="the-icons span3" title="Code: 0xe80d"><i class="demo-icon fa-th-list"></i> <span
          class="i-name">fa-th-list</span><span class="i-code">0xe80d</span></div>
      <div class="the-icons span3" title="Code: 0xe80e"><i class="demo-icon fa-ok-circled"></i> <span
          class="i-name">fa-ok-circled</span><span class="i-code">0xe80e</span></div>
      <div class="the-icons span3" title="Code: 0xe80f"><i class="demo-icon fa-ok-circled2"></i> <span
          class="i-name">fa-ok-circled2</span><span class="i-code">0xe80f</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe810"><i class="demo-icon fa-cancel"></i> <span
          class="i-name">fa-cancel</span><span class="i-code">0xe810</span></div>
      <div class="the-icons span3" title="Code: 0xe811"><i class="demo-icon fa-cancel-circled"></i> <span
          class="i-name">fa-cancel-circled</span><span class="i-code">0xe811</span></div>
      <div class="the-icons span3" title="Code: 0xe812"><i class="demo-icon fa-spin5 animate-spin"></i> <span
          class="i-name">fa-spin5</span><span class="i-code">0xe812</span></div>
      <div class="the-icons span3" title="Code: 0xe813"><i class="demo-icon fa-plus"></i> <span
          class="i-name">fa-plus</span><span class="i-code">0xe813</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe814"><i class="demo-icon fa-plus-circled"></i> <span
          class="i-name">fa-plus-circled</span><span class="i-code">0xe814</span></div>
      <div class="the-icons span3" title="Code: 0xe815"><i class="demo-icon fa-minus"></i> <span
          class="i-name">fa-minus</span><span class="i-code">0xe815</span></div>
      <div class="the-icons span3" title="Code: 0xe816"><i class="demo-icon fa-minus-circled"></i> <span
          class="i-name">fa-minus-circled</span><span class="i-code">0xe816</span></div>
      <div class="the-icons span3" title="Code: 0xe817"><i class="demo-icon fa-left-open-2"></i> <span
          class="i-name">fa-left-open-2</span><span class="i-code">0xe817</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe818"><i class="demo-icon fa-info-circled"></i> <span
          class="i-name">fa-info-circled</span><span class="i-code">0xe818</span></div>
      <div class="the-icons span3" title="Code: 0xe819"><i class="demo-icon fa-link"></i> <span
          class="i-name">fa-link</span><span class="i-code">0xe819</span></div>
      <div class="the-icons span3" title="Code: 0xe81a"><i class="demo-icon fa-attach"></i> <span
          class="i-name">fa-attach</span><span class="i-code">0xe81a</span></div>
      <div class="the-icons span3" title="Code: 0xe81b"><i class="demo-icon fa-lock"></i> <span
          class="i-name">fa-lock</span><span class="i-code">0xe81b</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe81c"><i class="demo-icon fa-eye"></i> <span
          class="i-name">fa-eye</span><span class="i-code">0xe81c</span></div>
      <div class="the-icons span3" title="Code: 0xe81d"><i class="demo-icon fa-tag"></i> <span
          class="i-name">fa-tag</span><span class="i-code">0xe81d</span></div>
      <div class="the-icons span3" title="Code: 0xe81e"><i class="demo-icon fa-tags"></i> <span
          class="i-name">fa-tags</span><span class="i-code">0xe81e</span></div>
      <div class="the-icons span3" title="Code: 0xe81f"><i class="demo-icon fa-thumbs-up"></i> <span
          class="i-name">fa-thumbs-up</span><span class="i-code">0xe81f</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe820"><i class="demo-icon fa-download"></i> <span
          class="i-name">fa-download</span><span class="i-code">0xe820</span></div>
      <div class="the-icons span3" title="Code: 0xe821"><i class="demo-icon fa-upload"></i> <span
          class="i-name">fa-upload</span><span class="i-code">0xe821</span></div>
      <div class="the-icons span3" title="Code: 0xe822"><i class="demo-icon fa-forward"></i> <span
          class="i-name">fa-forward</span><span class="i-code">0xe822</span></div>
      <div class="the-icons span3" title="Code: 0xe823"><i class="demo-icon fa-export"></i> <span
          class="i-name">fa-export</span><span class="i-code">0xe823</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe824"><i class="demo-icon fa-pencil"></i> <span
          class="i-name">fa-pencil</span><span class="i-code">0xe824</span></div>
      <div class="the-icons span3" title="Code: 0xe825"><i class="demo-icon fa-edit"></i> <span
          class="i-name">fa-edit</span><span class="i-code">0xe825</span></div>
      <div class="the-icons span3" title="Code: 0xe826"><i class="demo-icon fa-print"></i> <span
          class="i-name">fa-print</span><span class="i-code">0xe826</span></div>
      <div class="the-icons span3" title="Code: 0xe827"><i class="demo-icon fa-comment"></i> <span
          class="i-name">fa-comment</span><span class="i-code">0xe827</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe828"><i class="demo-icon fa-chat"></i> <span
          class="i-name">fa-chat</span><span class="i-code">0xe828</span></div>
      <div class="the-icons span3" title="Code: 0xe829"><i class="demo-icon fa-bell"></i> <span
          class="i-name">fa-bell</span><span class="i-code">0xe829</span></div>
      <div class="the-icons span3" title="Code: 0xe82a"><i class="demo-icon fa-attention"></i> <span
          class="i-name">fa-attention</span><span class="i-code">0xe82a</span></div>
      <div class="the-icons span3" title="Code: 0xe82b"><i class="demo-icon fa-attention-circled"></i> <span
          class="i-name">fa-attention-circled</span><span class="i-code">0xe82b</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe82c"><i class="demo-icon fa-location"></i> <span
          class="i-name">fa-location</span><span class="i-code">0xe82c</span></div>
      <div class="the-icons span3" title="Code: 0xe82d"><i class="demo-icon fa-trash-empty"></i> <span
          class="i-name">fa-trash-empty</span><span class="i-code">0xe82d</span></div>
      <div class="the-icons span3" title="Code: 0xe82e"><i class="demo-icon fa-doc"></i> <span
          class="i-name">fa-doc</span><span class="i-code">0xe82e</span></div>
      <div class="the-icons span3" title="Code: 0xe82f"><i class="demo-icon fa-folder"></i> <span
          class="i-name">fa-folder</span><span class="i-code">0xe82f</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe830"><i class="demo-icon fa-folder-open"></i> <span
          class="i-name">fa-folder-open</span><span class="i-code">0xe830</span></div>
      <div class="the-icons span3" title="Code: 0xe831"><i class="demo-icon fa-cog"></i> <span
          class="i-name">fa-cog</span><span class="i-code">0xe831</span></div>
      <div class="the-icons span3" title="Code: 0xe832"><i class="demo-icon fa-cog-alt"></i> <span
          class="i-name">fa-cog-alt</span><span class="i-code">0xe832</span></div>
      <div class="the-icons span3" title="Code: 0xe833"><i class="demo-icon fa-basket"></i> <span
          class="i-name">fa-basket</span><span class="i-code">0xe833</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe834"><i class="demo-icon fa-spin6 animate-spin"></i> <span
          class="i-name">fa-spin6</span><span class="i-code">0xe834</span></div>
      <div class="the-icons span3" title="Code: 0xe835"><i class="demo-icon fa-calendar"></i> <span
          class="i-name">fa-calendar</span><span class="i-code">0xe835</span></div>
      <div class="the-icons span3" title="Code: 0xe836"><i class="demo-icon fa-logout"></i> <span
          class="i-name">fa-logout</span><span class="i-code">0xe836</span></div>
      <div class="the-icons span3" title="Code: 0xe837"><i class="demo-icon fa-login"></i> <span
          class="i-name">fa-login</span><span class="i-code">0xe837</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe838"><i class="demo-icon fa-volume-up"></i> <span
          class="i-name">fa-volume-up</span><span class="i-code">0xe838</span></div>
      <div class="the-icons span3" title="Code: 0xe839"><i class="demo-icon fa-right-open-2"></i> <span
          class="i-name">fa-right-open-2</span><span class="i-code">0xe839</span></div>
      <div class="the-icons span3" title="Code: 0xe83a"><i class="demo-icon fa-block"></i> <span
          class="i-name">fa-block</span><span class="i-code">0xe83a</span></div>
      <div class="the-icons span3" title="Code: 0xe83b"><i class="demo-icon fa-resize-full"></i> <span
          class="i-name">fa-resize-full</span><span class="i-code">0xe83b</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe83c"><i class="demo-icon fa-resize-small"></i> <span
          class="i-name">fa-resize-small</span><span class="i-code">0xe83c</span></div>
      <div class="the-icons span3" title="Code: 0xe83d"><i class="demo-icon fa-resize-vertical"></i> <span
          class="i-name">fa-resize-vertical</span><span class="i-code">0xe83d</span></div>
      <div class="the-icons span3" title="Code: 0xe83e"><i class="demo-icon fa-resize-horizontal"></i> <span
          class="i-name">fa-resize-horizontal</span><span class="i-code">0xe83e</span></div>
      <div class="the-icons span3" title="Code: 0xe83f"><i class="demo-icon fa-zoom-in"></i> <span
          class="i-name">fa-zoom-in</span><span class="i-code">0xe83f</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe840"><i class="demo-icon fa-zoom-out"></i> <span
          class="i-name">fa-zoom-out</span><span class="i-code">0xe840</span></div>
      <div class="the-icons span3" title="Code: 0xe841"><i class="demo-icon fa-down-open"></i> <span
          class="i-name">fa-down-open</span><span class="i-code">0xe841</span></div>
      <div class="the-icons span3" title="Code: 0xe842"><i class="demo-icon fa-left-open"></i> <span
          class="i-name">fa-left-open</span><span class="i-code">0xe842</span></div>
      <div class="the-icons span3" title="Code: 0xe843"><i class="demo-icon fa-right-open"></i> <span
          class="i-name">fa-right-open</span><span class="i-code">0xe843</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe844"><i class="demo-icon fa-up-open"></i> <span
          class="i-name">fa-up-open</span><span class="i-code">0xe844</span></div>
      <div class="the-icons span3" title="Code: 0xe845"><i class="demo-icon fa-down-circle"></i> <span
          class="i-name">fa-down-circle</span><span class="i-code">0xe845</span></div>
      <div class="the-icons span3" title="Code: 0xe846"><i class="demo-icon fa-left-circle"></i> <span
          class="i-name">fa-left-circle</span><span class="i-code">0xe846</span></div>
      <div class="the-icons span3" title="Code: 0xe847"><i class="demo-icon fa-right-circle"></i> <span
          class="i-name">fa-right-circle</span><span class="i-code">0xe847</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe848"><i class="demo-icon fa-up-circle"></i> <span
          class="i-name">fa-up-circle</span><span class="i-code">0xe848</span></div>
      <div class="the-icons span3" title="Code: 0xe849"><i class="demo-icon fa-equalizer"></i> <span
          class="i-name">fa-equalizer</span><span class="i-code">0xe849</span></div>
      <div class="the-icons span3" title="Code: 0xe84a"><i class="demo-icon fa-font-1"></i> <span
          class="i-name">fa-font-1</span><span class="i-code">0xe84a</span></div>
      <div class="the-icons span3" title="Code: 0xe84b"><i class="demo-icon fa-down-big"></i> <span
          class="i-name">fa-down-big</span><span class="i-code">0xe84b</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe84c"><i class="demo-icon fa-left-big"></i> <span
          class="i-name">fa-left-big</span><span class="i-code">0xe84c</span></div>
      <div class="the-icons span3" title="Code: 0xe84d"><i class="demo-icon fa-right-big"></i> <span
          class="i-name">fa-right-big</span><span class="i-code">0xe84d</span></div>
      <div class="the-icons span3" title="Code: 0xe84e"><i class="demo-icon fa-up-big"></i> <span
          class="i-name">fa-up-big</span><span class="i-code">0xe84e</span></div>
      <div class="the-icons span3" title="Code: 0xe84f"><i class="demo-icon fa-down-hand"></i> <span
          class="i-name">fa-down-hand</span><span class="i-code">0xe84f</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe850"><i class="demo-icon fa-cw"></i> <span
          class="i-name">fa-cw</span><span class="i-code">0xe850</span></div>
      <div class="the-icons span3" title="Code: 0xe851"><i class="demo-icon fa-ccw"></i> <span
          class="i-name">fa-ccw</span><span class="i-code">0xe851</span></div>
      <div class="the-icons span3" title="Code: 0xe852"><i class="demo-icon fa-arrows-cw"></i> <span
          class="i-name">fa-arrows-cw</span><span class="i-code">0xe852</span></div>
      <div class="the-icons span3" title="Code: 0xe853"><i class="demo-icon fa-play"></i> <span
          class="i-name">fa-play</span><span class="i-code">0xe853</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe854"><i class="demo-icon fa-to-end"></i> <span
          class="i-name">fa-to-end</span><span class="i-code">0xe854</span></div>
      <div class="the-icons span3" title="Code: 0xe855"><i class="demo-icon fa-to-end-alt"></i> <span
          class="i-name">fa-to-end-alt</span><span class="i-code">0xe855</span></div>
      <div class="the-icons span3" title="Code: 0xe856"><i class="demo-icon fa-to-start"></i> <span
          class="i-name">fa-to-start</span><span class="i-code">0xe856</span></div>
      <div class="the-icons span3" title="Code: 0xe857"><i class="demo-icon fa-to-start-alt"></i> <span
          class="i-name">fa-to-start-alt</span><span class="i-code">0xe857</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe858"><i class="demo-icon fa-fast-fw"></i> <span
          class="i-name">fa-fast-fw</span><span class="i-code">0xe858</span></div>
      <div class="the-icons span3" title="Code: 0xe859"><i class="demo-icon fa-fast-bw"></i> <span
          class="i-name">fa-fast-bw</span><span class="i-code">0xe859</span></div>
      <div class="the-icons span3" title="Code: 0xe85a"><i class="demo-icon fa-signal"></i> <span
          class="i-name">fa-signal</span><span class="i-code">0xe85a</span></div>
      <div class="the-icons span3" title="Code: 0xe85b"><i class="demo-icon fa-cloud"></i> <span
          class="i-name">fa-cloud</span><span class="i-code">0xe85b</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe85c"><i class="demo-icon fa-font"></i> <span
          class="i-name">fa-font</span><span class="i-code">0xe85c</span></div>
      <div class="the-icons span3" title="Code: 0xe85d"><i class="demo-icon fa-bold"></i> <span
          class="i-name">fa-bold</span><span class="i-code">0xe85d</span></div>
      <div class="the-icons span3" title="Code: 0xe85e"><i class="demo-icon fa-italic"></i> <span
          class="i-name">fa-italic</span><span class="i-code">0xe85e</span></div>
      <div class="the-icons span3" title="Code: 0xe85f"><i class="demo-icon fa-text-height"></i> <span
          class="i-name">fa-text-height</span><span class="i-code">0xe85f</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe860"><i class="demo-icon fa-text-width"></i> <span
          class="i-name">fa-text-width</span><span class="i-code">0xe860</span></div>
      <div class="the-icons span3" title="Code: 0xe861"><i class="demo-icon fa-align-left"></i> <span
          class="i-name">fa-align-left</span><span class="i-code">0xe861</span></div>
      <div class="the-icons span3" title="Code: 0xe862"><i class="demo-icon fa-align-center"></i> <span
          class="i-name">fa-align-center</span><span class="i-code">0xe862</span></div>
      <div class="the-icons span3" title="Code: 0xe863"><i class="demo-icon fa-align-right"></i> <span
          class="i-name">fa-align-right</span><span class="i-code">0xe863</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe864"><i class="demo-icon fa-align-justify"></i> <span
          class="i-name">fa-align-justify</span><span class="i-code">0xe864</span></div>
      <div class="the-icons span3" title="Code: 0xe865"><i class="demo-icon fa-list"></i> <span
          class="i-name">fa-list</span><span class="i-code">0xe865</span></div>
      <div class="the-icons span3" title="Code: 0xe866"><i class="demo-icon fa-scissors"></i> <span
          class="i-name">fa-scissors</span><span class="i-code">0xe866</span></div>
      <div class="the-icons span3" title="Code: 0xe867"><i class="demo-icon fa-off"></i> <span
          class="i-name">fa-off</span><span class="i-code">0xe867</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe868"><i class="demo-icon fa-check"></i> <span
          class="i-name">fa-check</span><span class="i-code">0xe868</span></div>
      <div class="the-icons span3" title="Code: 0xe869"><i class="demo-icon fa-chart-bar"></i> <span
          class="i-name">fa-chart-bar</span><span class="i-code">0xe869</span></div>
      <div class="the-icons span3" title="Code: 0xe86a"><i class="demo-icon fa-floppy"></i> <span
          class="i-name">fa-floppy</span><span class="i-code">0xe86a</span></div>
      <div class="the-icons span3" title="Code: 0xe86b"><i class="demo-icon fa-mail-1"></i> <span
          class="i-name">fa-mail-1</span><span class="i-code">0xe86b</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe86c"><i class="demo-icon fa-check-1"></i> <span
          class="i-name">fa-check-1</span><span class="i-code">0xe86c</span></div>
      <div class="the-icons span3" title="Code: 0xe86d"><i class="demo-icon fa-cancel-1"></i> <span
          class="i-name">fa-cancel-1</span><span class="i-code">0xe86d</span></div>
      <div class="the-icons span3" title="Code: 0xe86e"><i class="demo-icon fa-up-open-2"></i> <span
          class="i-name">fa-up-open-2</span><span class="i-code">0xe86e</span></div>
      <div class="the-icons span3" title="Code: 0xe86f"><i class="demo-icon fa-spin4 animate-spin"></i> <span
          class="i-name">fa-spin4</span><span class="i-code">0xe86f</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe870"><i class="demo-icon fa-info-1"></i> <span
          class="i-name">fa-info-1</span><span class="i-code">0xe870</span></div>
      <div class="the-icons span3" title="Code: 0xe871"><i class="demo-icon fa-back"></i> <span
          class="i-name">fa-back</span><span class="i-code">0xe871</span></div>
      <div class="the-icons span3" title="Code: 0xe872"><i class="demo-icon fa-reply-1"></i> <span
          class="i-name">fa-reply-1</span><span class="i-code">0xe872</span></div>
      <div class="the-icons span3" title="Code: 0xe873"><i class="demo-icon fa-cancel-circled-1"></i> <span
          class="i-name">fa-cancel-circled-1</span><span class="i-code">0xe873</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe874"><i class="demo-icon fa-forward-1"></i> <span
          class="i-name">fa-forward-1</span><span class="i-code">0xe874</span></div>
      <div class="the-icons span3" title="Code: 0xe875"><i class="demo-icon fa-upload-1"></i> <span
          class="i-name">fa-upload-1</span><span class="i-code">0xe875</span></div>
      <div class="the-icons span3" title="Code: 0xe876"><i class="demo-icon fa-download-1"></i> <span
          class="i-name">fa-download-1</span><span class="i-code">0xe876</span></div>
      <div class="the-icons span3" title="Code: 0xe877"><i class="demo-icon fa-pencil-1"></i> <span
          class="i-name">fa-pencil-1</span><span class="i-code">0xe877</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe878"><i class="demo-icon fa-print-1"></i> <span
          class="i-name">fa-print-1</span><span class="i-code">0xe878</span></div>
      <div class="the-icons span3" title="Code: 0xe879"><i class="demo-icon fa-resize-full-1"></i> <span
          class="i-name">fa-resize-full-1</span><span class="i-code">0xe879</span></div>
      <div class="the-icons span3" title="Code: 0xe87a"><i class="demo-icon fa-resize-small-1"></i> <span
          class="i-name">fa-resize-small-1</span><span class="i-code">0xe87a</span></div>
      <div class="the-icons span3" title="Code: 0xe87b"><i class="demo-icon fa-left-open-mini"></i> <span
          class="i-name">fa-left-open-mini</span><span class="i-code">0xe87b</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe87c"><i class="demo-icon fa-right-open-mini"></i> <span
          class="i-name">fa-right-open-mini</span><span class="i-code">0xe87c</span></div>
      <div class="the-icons span3" title="Code: 0xe87d"><i class="demo-icon fa-share-1"></i> <span
          class="i-name">fa-share-1</span><span class="i-code">0xe87d</span></div>
      <div class="the-icons span3" title="Code: 0xe87e"><i class="demo-icon fa-up-open-mini"></i> <span
          class="i-name">fa-up-open-mini</span><span class="i-code">0xe87e</span></div>
      <div class="the-icons span3" title="Code: 0xe87f"><i class="demo-icon fa-down-open-mini"></i> <span
          class="i-name">fa-down-open-mini</span><span class="i-code">0xe87f</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe880"><i class="demo-icon fa-signal-1"></i> <span
          class="i-name">fa-signal-1</span><span class="i-code">0xe880</span></div>
      <div class="the-icons span3" title="Code: 0xe881"><i class="demo-icon fa-cw-1"></i> <span
          class="i-name">fa-cw-1</span><span class="i-code">0xe881</span></div>
      <div class="the-icons span3" title="Code: 0xe882"><i class="demo-icon fa-ccw-1"></i> <span
          class="i-name">fa-ccw-1</span><span class="i-code">0xe882</span></div>
      <div class="the-icons span3" title="Code: 0xe883"><i class="demo-icon fa-location-alt"></i> <span
          class="i-name">fa-location-alt</span><span class="i-code">0xe883</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe884"><i class="demo-icon fa-popup"></i> <span
          class="i-name">fa-popup</span><span class="i-code">0xe884</span></div>
      <div class="the-icons span3" title="Code: 0xe885"><i class="demo-icon fa-lightbulb"></i> <span
          class="i-name">fa-lightbulb</span><span class="i-code">0xe885</span></div>
      <div class="the-icons span3" title="Code: 0xe886"><i class="demo-icon fa-heart-empty-1"></i> <span
          class="i-name">fa-heart-empty-1</span><span class="i-code">0xe886</span></div>
      <div class="the-icons span3" title="Code: 0xe887"><i class="demo-icon fa-layout"></i> <span
          class="i-name">fa-layout</span><span class="i-code">0xe887</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe888"><i class="demo-icon fa-menu-1"></i> <span
          class="i-name">fa-menu-1</span><span class="i-code">0xe888</span></div>
      <div class="the-icons span3" title="Code: 0xe889"><i class="demo-icon fa-link-1"></i> <span
          class="i-name">fa-link-1</span><span class="i-code">0xe889</span></div>
      <div class="the-icons span3" title="Code: 0xe88a"><i class="demo-icon fa-ok-1"></i> <span
          class="i-name">fa-ok-1</span><span class="i-code">0xe88a</span></div>
      <div class="the-icons span3" title="Code: 0xe88b"><i class="demo-icon fa-cancel-2"></i> <span
          class="i-name">fa-cancel-2</span><span class="i-code">0xe88b</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe88c"><i class="demo-icon fa-ok-2"></i> <span
          class="i-name">fa-ok-2</span><span class="i-code">0xe88c</span></div>
      <div class="the-icons span3" title="Code: 0xe88d"><i class="demo-icon fa-ok-circle"></i> <span
          class="i-name">fa-ok-circle</span><span class="i-code">0xe88d</span></div>
      <div class="the-icons span3" title="Code: 0xe88e"><i class="demo-icon fa-spin2 animate-spin"></i> <span
          class="i-name">fa-spin2</span><span class="i-code">0xe88e</span></div>
      <div class="the-icons span3" title="Code: 0xe88f"><i class="demo-icon fa-shuffle"></i> <span
          class="i-name">fa-shuffle</span><span class="i-code">0xe88f</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe890"><i class="demo-icon fa-down-open-big"></i> <span
          class="i-name">fa-down-open-big</span><span class="i-code">0xe890</span></div>
      <div class="the-icons span3" title="Code: 0xe891"><i class="demo-icon fa-left-open-big"></i> <span
          class="i-name">fa-left-open-big</span><span class="i-code">0xe891</span></div>
      <div class="the-icons span3" title="Code: 0xe892"><i class="demo-icon fa-right-open-big"></i> <span
          class="i-name">fa-right-open-big</span><span class="i-code">0xe892</span></div>
      <div class="the-icons span3" title="Code: 0xe893"><i class="demo-icon fa-up-open-big"></i> <span
          class="i-name">fa-up-open-big</span><span class="i-code">0xe893</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe894"><i class="demo-icon fa-upload-cloud-outline"></i> <span
          class="i-name">fa-upload-cloud-outline</span><span class="i-code">0xe894</span></div>
      <div class="the-icons span3" title="Code: 0xe895"><i class="demo-icon fa-exchange-1"></i> <span
          class="i-name">fa-exchange-1</span><span class="i-code">0xe895</span></div>
      <div class="the-icons span3" title="Code: 0xe896"><i class="demo-icon fa-edit-1"></i> <span
          class="i-name">fa-edit-1</span><span class="i-code">0xe896</span></div>
      <div class="the-icons span3" title="Code: 0xe897"><i class="demo-icon fa-block-1"></i> <span
          class="i-name">fa-block-1</span><span class="i-code">0xe897</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe898"><i class="demo-icon fa-left-small"></i> <span
          class="i-name">fa-left-small</span><span class="i-code">0xe898</span></div>
      <div class="the-icons span3" title="Code: 0xe899"><i class="demo-icon fa-right-small"></i> <span
          class="i-name">fa-right-small</span><span class="i-code">0xe899</span></div>
      <div class="the-icons span3" title="Code: 0xe89a"><i class="demo-icon fa-up-small"></i> <span
          class="i-name">fa-up-small</span><span class="i-code">0xe89a</span></div>
      <div class="the-icons span3" title="Code: 0xe89b"><i class="demo-icon fa-down-small"></i> <span
          class="i-name">fa-down-small</span><span class="i-code">0xe89b</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe89c"><i class="demo-icon fa-brush-1"></i> <span
          class="i-name">fa-brush-1</span><span class="i-code">0xe89c</span></div>
      <div class="the-icons span3" title="Code: 0xe89d"><i class="demo-icon fa-sort-numeric"></i> <span
          class="i-name">fa-sort-numeric</span><span class="i-code">0xe89d</span></div>
      <div class="the-icons span3" title="Code: 0xe89e"><i class="demo-icon fa-sort-alphabet"></i> <span
          class="i-name">fa-sort-alphabet</span><span class="i-code">0xe89e</span></div>
      <div class="the-icons span3" title="Code: 0xe89f"><i class="demo-icon fa-resize-normal"></i> <span
          class="i-name">fa-resize-normal</span><span class="i-code">0xe89f</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe8a0"><i class="demo-icon fa-resize-full-2"></i> <span
          class="i-name">fa-resize-full-2</span><span class="i-code">0xe8a0</span></div>
      <div class="the-icons span3" title="Code: 0xe8a1"><i class="demo-icon fa-share-2"></i> <span
          class="i-name">fa-share-2</span><span class="i-code">0xe8a1</span></div>
      <div class="the-icons span3" title="Code: 0xe8a2"><i class="demo-icon fa-zoom-in-1"></i> <span
          class="i-name">fa-zoom-in-1</span><span class="i-code">0xe8a2</span></div>
      <div class="the-icons span3" title="Code: 0xe8a3"><i class="demo-icon fa-clock-alt"></i> <span
          class="i-name">fa-clock-alt</span><span class="i-code">0xe8a3</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe8a4"><i class="demo-icon fa-clock"></i> <span
          class="i-name">fa-clock</span><span class="i-code">0xe8a4</span></div>
      <div class="the-icons span3" title="Code: 0xe8a5"><i class="demo-icon fa-wrench"></i> <span
          class="i-name">fa-wrench</span><span class="i-code">0xe8a5</span></div>
      <div class="the-icons span3" title="Code: 0xe8a6"><i class="demo-icon fa-male-1"></i> <span
          class="i-name">fa-male-1</span><span class="i-code">0xe8a6</span></div>
      <div class="the-icons span3" title="Code: 0xe8a7"><i class="demo-icon fa-text-height-1"></i> <span
          class="i-name">fa-text-height-1</span><span class="i-code">0xe8a7</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe8a8"><i class="demo-icon fa-text-width-1"></i> <span
          class="i-name">fa-text-width-1</span><span class="i-code">0xe8a8</span></div>
      <div class="the-icons span3" title="Code: 0xe8a9"><i class="demo-icon fa-attach-1"></i> <span
          class="i-name">fa-attach-1</span><span class="i-code">0xe8a9</span></div>
      <div class="the-icons span3" title="Code: 0xe8aa"><i class="demo-icon fa-ok-outline"></i> <span
          class="i-name">fa-ok-outline</span><span class="i-code">0xe8aa</span></div>
      <div class="the-icons span3" title="Code: 0xe8ab"><i class="demo-icon fa-at-1"></i> <span
          class="i-name">fa-at-1</span><span class="i-code">0xe8ab</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe8ac"><i class="demo-icon fa-plus-1"></i> <span
          class="i-name">fa-plus-1</span><span class="i-code">0xe8ac</span></div>
      <div class="the-icons span3" title="Code: 0xe8ad"><i class="demo-icon fa-flow-tree"></i> <span
          class="i-name">fa-flow-tree</span><span class="i-code">0xe8ad</span></div>
      <div class="the-icons span3" title="Code: 0xe8ae"><i class="demo-icon fa-arrows-ccw"></i> <span
          class="i-name">fa-arrows-ccw</span><span class="i-code">0xe8ae</span></div>
      <div class="the-icons span3" title="Code: 0xe8af"><i class="demo-icon fa-code-1"></i> <span
          class="i-name">fa-code-1</span><span class="i-code">0xe8af</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe8b0"><i class="demo-icon fa-book"></i> <span
          class="i-name">fa-book</span><span class="i-code">0xe8b0</span></div>
      <div class="the-icons span3" title="Code: 0xe8b1"><i class="demo-icon fa-key"></i> <span
          class="i-name">fa-key</span><span class="i-code">0xe8b1</span></div>
      <div class="the-icons span3" title="Code: 0xe8b2"><i class="demo-icon fa-spin3 animate-spin"></i> <span
          class="i-name">fa-spin3</span><span class="i-code">0xe8b2</span></div>
      <div class="the-icons span3" title="Code: 0xe8b3"><i class="demo-icon fa-star-empty-1"></i> <span
          class="i-name">fa-star-empty-1</span><span class="i-code">0xe8b3</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe8b4"><i class="demo-icon fa-info-circled-1"></i> <span
          class="i-name">fa-info-circled-1</span><span class="i-code">0xe8b4</span></div>
      <div class="the-icons span3" title="Code: 0xe8b5"><i class="demo-icon fa-attention-1"></i> <span
          class="i-name">fa-attention-1</span><span class="i-code">0xe8b5</span></div>
      <div class="the-icons span3" title="Code: 0xe8b6"><i class="demo-icon fa-location-2"></i> <span
          class="i-name">fa-location-2</span><span class="i-code">0xe8b6</span></div>
      <div class="the-icons span3" title="Code: 0xe8b7"><i class="demo-icon fa-login-1"></i> <span
          class="i-name">fa-login-1</span><span class="i-code">0xe8b7</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe8b8"><i class="demo-icon fa-logout-1"></i> <span
          class="i-name">fa-logout-1</span><span class="i-code">0xe8b8</span></div>
      <div class="the-icons span3" title="Code: 0xe8b9"><i class="demo-icon fa-clock-1"></i> <span
          class="i-name">fa-clock-1</span><span class="i-code">0xe8b9</span></div>
      <div class="the-icons span3" title="Code: 0xe8ba"><i class="demo-icon fa-chat-2"></i> <span
          class="i-name">fa-chat-2</span><span class="i-code">0xe8ba</span></div>
      <div class="the-icons span3" title="Code: 0xe8bb"><i class="demo-icon fa-popup-1"></i> <span
          class="i-name">fa-popup-1</span><span class="i-code">0xe8bb</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe8bc"><i class="demo-icon fa-upload-cloud-1"></i> <span
          class="i-name">fa-upload-cloud-1</span><span class="i-code">0xe8bc</span></div>
      <div class="the-icons span3" title="Code: 0xe8bd"><i class="demo-icon fa-download-cloud-1"></i> <span
          class="i-name">fa-download-cloud-1</span><span class="i-code">0xe8bd</span></div>
      <div class="the-icons span3" title="Code: 0xe8be"><i class="demo-icon fa-block-2"></i> <span
          class="i-name">fa-block-2</span><span class="i-code">0xe8be</span></div>
      <div class="the-icons span3" title="Code: 0xe8bf"><i class="demo-icon fa-star-1"></i> <span
          class="i-name">fa-star-1</span><span class="i-code">0xe8bf</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe8c0"><i class="demo-icon fa-squares"></i> <span
          class="i-name">fa-squares</span><span class="i-code">0xe8c0</span></div>
      <div class="the-icons span3" title="Code: 0xe8c1"><i class="demo-icon fa-comment-1"></i> <span
          class="i-name">fa-comment-1</span><span class="i-code">0xe8c1</span></div>
      <div class="the-icons span3" title="Code: 0xe8c2"><i class="demo-icon fa-help-1"></i> <span
          class="i-name">fa-help-1</span><span class="i-code">0xe8c2</span></div>
      <div class="the-icons span3" title="Code: 0xe8c3"><i class="demo-icon fa-resize-horizontal-1"></i> <span
          class="i-name">fa-resize-horizontal-1</span><span class="i-code">0xe8c3</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe8c4"><i class="demo-icon fa-resize-vertical-1"></i> <span
          class="i-name">fa-resize-vertical-1</span><span class="i-code">0xe8c4</span></div>
      <div class="the-icons span3" title="Code: 0xe8c5"><i class="demo-icon fa-up-dir"></i> <span
          class="i-name">fa-up-dir</span><span class="i-code">0xe8c5</span></div>
      <div class="the-icons span3" title="Code: 0xe8c6"><i class="demo-icon fa-down-dir"></i> <span
          class="i-name">fa-down-dir</span><span class="i-code">0xe8c6</span></div>
      <div class="the-icons span3" title="Code: 0xe8c7"><i class="demo-icon fa-emo-happy"></i> <span
          class="i-name">fa-emo-happy</span><span class="i-code">0xe8c7</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe8c8"><i class="demo-icon fa-download-2"></i> <span
          class="i-name">fa-download-2</span><span class="i-code">0xe8c8</span></div>
      <div class="the-icons span3" title="Code: 0xe8c9"><i class="demo-icon fa-question"></i> <span
          class="i-name">fa-question</span><span class="i-code">0xe8c9</span></div>
      <div class="the-icons span3" title="Code: 0xe8ca"><i class="demo-icon fa-emo-unhappy"></i> <span
          class="i-name">fa-emo-unhappy</span><span class="i-code">0xe8ca</span></div>
      <div class="the-icons span3" title="Code: 0xe8cb"><i class="demo-icon fa-emo-angry"></i> <span
          class="i-name">fa-emo-angry</span><span class="i-code">0xe8cb</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xe8cc"><i class="demo-icon fa-emo-saint"></i> <span
          class="i-name">fa-emo-saint</span><span class="i-code">0xe8cc</span></div>
      <div class="the-icons span3" title="Code: 0xe8cd"><i class="demo-icon fa-emo-laugh"></i> <span
          class="i-name">fa-emo-laugh</span><span class="i-code">0xe8cd</span></div>
      <div class="the-icons span3" title="Code: 0xf004"><i class="demo-icon fa-down-open-1"></i> <span
          class="i-name">fa-down-open-1</span><span class="i-code">0xf004</span></div>
      <div class="the-icons span3" title="Code: 0xf005"><i class="demo-icon fa-up-open-1"></i> <span
          class="i-name">fa-up-open-1</span><span class="i-code">0xf005</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf006"><i class="demo-icon fa-right-open-1"></i> <span
          class="i-name">fa-right-open-1</span><span class="i-code">0xf006</span></div>
      <div class="the-icons span3" title="Code: 0xf007"><i class="demo-icon fa-left-open-1"></i> <span
          class="i-name">fa-left-open-1</span><span class="i-code">0xf007</span></div>
      <div class="the-icons span3" title="Code: 0xf047"><i class="demo-icon fa-move"></i> <span
          class="i-name">fa-move</span><span class="i-code">0xf047</span></div>
      <div class="the-icons span3" title="Code: 0xf064"><i class="demo-icon fa-users"></i> <span
          class="i-name">fa-users</span><span class="i-code">0xf064</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf08e"><i class="demo-icon fa-link-ext"></i> <span
          class="i-name">fa-link-ext</span><span class="i-code">0xf08e</span></div>
      <div class="the-icons span3" title="Code: 0xf096"><i class="demo-icon fa-check-empty"></i> <span
          class="i-name">fa-check-empty</span><span class="i-code">0xf096</span></div>
      <div class="the-icons span3" title="Code: 0xf09e"><i class="demo-icon fa-rss"></i> <span
          class="i-name">fa-rss</span><span class="i-code">0xf09e</span></div>
      <div class="the-icons span3" title="Code: 0xf0a0"><i class="demo-icon fa-hdd"></i> <span
          class="i-name">fa-hdd</span><span class="i-code">0xf0a0</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf0c5"><i class="demo-icon fa-docs"></i> <span
          class="i-name">fa-docs</span><span class="i-code">0xf0c5</span></div>
      <div class="the-icons span3" title="Code: 0xf0c9"><i class="demo-icon fa-menu"></i> <span
          class="i-name">fa-menu</span><span class="i-code">0xf0c9</span></div>
      <div class="the-icons span3" title="Code: 0xf0ca"><i class="demo-icon fa-list-bullet"></i> <span
          class="i-name">fa-list-bullet</span><span class="i-code">0xf0ca</span></div>
      <div class="the-icons span3" title="Code: 0xf0cb"><i class="demo-icon fa-list-numbered"></i> <span
          class="i-name">fa-list-numbered</span><span class="i-code">0xf0cb</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf0cc"><i class="demo-icon fa-strike"></i> <span
          class="i-name">fa-strike</span><span class="i-code">0xf0cc</span></div>
      <div class="the-icons span3" title="Code: 0xf0cd"><i class="demo-icon fa-underline"></i> <span
          class="i-name">fa-underline</span><span class="i-code">0xf0cd</span></div>
      <div class="the-icons span3" title="Code: 0xf0ce"><i class="demo-icon fa-table"></i> <span
          class="i-name">fa-table</span><span class="i-code">0xf0ce</span></div>
      <div class="the-icons span3" title="Code: 0xf0db"><i class="demo-icon fa-columns"></i> <span
          class="i-name">fa-columns</span><span class="i-code">0xf0db</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf0dc"><i class="demo-icon fa-sort"></i> <span
          class="i-name">fa-sort</span><span class="i-code">0xf0dc</span></div>
      <div class="the-icons span3" title="Code: 0xf0e0"><i class="demo-icon fa-mail-alt"></i> <span
          class="i-name">fa-mail-alt</span><span class="i-code">0xf0e0</span></div>
      <div class="the-icons span3" title="Code: 0xf0e5"><i class="demo-icon fa-comment-empty"></i> <span
          class="i-name">fa-comment-empty</span><span class="i-code">0xf0e5</span></div>
      <div class="the-icons span3" title="Code: 0xf0e6"><i class="demo-icon fa-chat-empty"></i> <span
          class="i-name">fa-chat-empty</span><span class="i-code">0xf0e6</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf0e8"><i class="demo-icon fa-sitemap"></i> <span
          class="i-name">fa-sitemap</span><span class="i-code">0xf0e8</span></div>
      <div class="the-icons span3" title="Code: 0xf0ea"><i class="demo-icon fa-paste"></i> <span
          class="i-name">fa-paste</span><span class="i-code">0xf0ea</span></div>
      <div class="the-icons span3" title="Code: 0xf0ec"><i class="demo-icon fa-exchange"></i> <span
          class="i-name">fa-exchange</span><span class="i-code">0xf0ec</span></div>
      <div class="the-icons span3" title="Code: 0xf0ed"><i class="demo-icon fa-download-cloud"></i> <span
          class="i-name">fa-download-cloud</span><span class="i-code">0xf0ed</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf0ee"><i class="demo-icon fa-upload-cloud"></i> <span
          class="i-name">fa-upload-cloud</span><span class="i-code">0xf0ee</span></div>
      <div class="the-icons span3" title="Code: 0xf0f6"><i class="demo-icon fa-doc-text"></i> <span
          class="i-name">fa-doc-text</span><span class="i-code">0xf0f6</span></div>
      <div class="the-icons span3" title="Code: 0xf0fd"><i class="demo-icon fa-h-sigh"></i> <span
          class="i-name">fa-h-sigh</span><span class="i-code">0xf0fd</span></div>
      <div class="the-icons span3" title="Code: 0xf100"><i class="demo-icon fa-angle-double-left"></i> <span
          class="i-name">fa-angle-double-left</span><span class="i-code">0xf100</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf101"><i class="demo-icon fa-angle-double-right"></i> <span
          class="i-name">fa-angle-double-right</span><span class="i-code">0xf101</span></div>
      <div class="the-icons span3" title="Code: 0xf102"><i class="demo-icon fa-angle-double-up"></i> <span
          class="i-name">fa-angle-double-up</span><span class="i-code">0xf102</span></div>
      <div class="the-icons span3" title="Code: 0xf103"><i class="demo-icon fa-angle-double-down"></i> <span
          class="i-name">fa-angle-double-down</span><span class="i-code">0xf103</span></div>
      <div class="the-icons span3" title="Code: 0xf104"><i class="demo-icon fa-angle-left"></i> <span
          class="i-name">fa-angle-left</span><span class="i-code">0xf104</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf105"><i class="demo-icon fa-angle-right"></i> <span
          class="i-name">fa-angle-right</span><span class="i-code">0xf105</span></div>
      <div class="the-icons span3" title="Code: 0xf106"><i class="demo-icon fa-angle-up"></i> <span
          class="i-name">fa-angle-up</span><span class="i-code">0xf106</span></div>
      <div class="the-icons span3" title="Code: 0xf107"><i class="demo-icon fa-angle-down"></i> <span
          class="i-name">fa-angle-down</span><span class="i-code">0xf107</span></div>
      <div class="the-icons span3" title="Code: 0xf108"><i class="demo-icon fa-desktop"></i> <span
          class="i-name">fa-desktop</span><span class="i-code">0xf108</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf109"><i class="demo-icon fa-laptop"></i> <span
          class="i-name">fa-laptop</span><span class="i-code">0xf109</span></div>
      <div class="the-icons span3" title="Code: 0xf10c"><i class="demo-icon fa-circle-empty"></i> <span
          class="i-name">fa-circle-empty</span><span class="i-code">0xf10c</span></div>
      <div class="the-icons span3" title="Code: 0xf110"><i class="demo-icon fa-spinner"></i> <span
          class="i-name">fa-spinner</span><span class="i-code">0xf110</span></div>
      <div class="the-icons span3" title="Code: 0xf112"><i class="demo-icon fa-reply"></i> <span
          class="i-name">fa-reply</span><span class="i-code">0xf112</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf114"><i class="demo-icon fa-folder-empty"></i> <span
          class="i-name">fa-folder-empty</span><span class="i-code">0xf114</span></div>
      <div class="the-icons span3" title="Code: 0xf115"><i class="demo-icon fa-folder-open-empty"></i> <span
          class="i-name">fa-folder-open-empty</span><span class="i-code">0xf115</span></div>
      <div class="the-icons span3" title="Code: 0xf118"><i class="demo-icon fa-smile"></i> <span
          class="i-name">fa-smile</span><span class="i-code">0xf118</span></div>
      <div class="the-icons span3" title="Code: 0xf119"><i class="demo-icon fa-frown"></i> <span
          class="i-name">fa-frown</span><span class="i-code">0xf119</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf11a"><i class="demo-icon fa-meh"></i> <span
          class="i-name">fa-meh</span><span class="i-code">0xf11a</span></div>
      <div class="the-icons span3" title="Code: 0xf120"><i class="demo-icon fa-terminal"></i> <span
          class="i-name">fa-terminal</span><span class="i-code">0xf120</span></div>
      <div class="the-icons span3" title="Code: 0xf121"><i class="demo-icon fa-code"></i> <span
          class="i-name">fa-code</span><span class="i-code">0xf121</span></div>
      <div class="the-icons span3" title="Code: 0xf122"><i class="demo-icon fa-reply-all"></i> <span
          class="i-name">fa-reply-all</span><span class="i-code">0xf122</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf124"><i class="demo-icon fa-direction"></i> <span
          class="i-name">fa-direction</span><span class="i-code">0xf124</span></div>
      <div class="the-icons span3" title="Code: 0xf125"><i class="demo-icon fa-crop"></i> <span
          class="i-name">fa-crop</span><span class="i-code">0xf125</span></div>
      <div class="the-icons span3" title="Code: 0xf127"><i class="demo-icon fa-unlink"></i> <span
          class="i-name">fa-unlink</span><span class="i-code">0xf127</span></div>
      <div class="the-icons span3" title="Code: 0xf128"><i class="demo-icon fa-help"></i> <span
          class="i-name">fa-help</span><span class="i-code">0xf128</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf129"><i class="demo-icon fa-info"></i> <span
          class="i-name">fa-info</span><span class="i-code">0xf129</span></div>
      <div class="the-icons span3" title="Code: 0xf12a"><i class="demo-icon fa-attention-alt"></i> <span
          class="i-name">fa-attention-alt</span><span class="i-code">0xf12a</span></div>
      <div class="the-icons span3" title="Code: 0xf12b"><i class="demo-icon fa-superscript"></i> <span
          class="i-name">fa-superscript</span><span class="i-code">0xf12b</span></div>
      <div class="the-icons span3" title="Code: 0xf12c"><i class="demo-icon fa-subscript"></i> <span
          class="i-name">fa-subscript</span><span class="i-code">0xf12c</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf12d"><i class="demo-icon fa-eraser"></i> <span
          class="i-name">fa-eraser</span><span class="i-code">0xf12d</span></div>
      <div class="the-icons span3" title="Code: 0xf130"><i class="demo-icon fa-mic"></i> <span
          class="i-name">fa-mic</span><span class="i-code">0xf130</span></div>
      <div class="the-icons span3" title="Code: 0xf133"><i class="demo-icon fa-calendar-empty"></i> <span
          class="i-name">fa-calendar-empty</span><span class="i-code">0xf133</span></div>
      <div class="the-icons span3" title="Code: 0xf13e"><i class="demo-icon fa-lock-open-alt"></i> <span
          class="i-name">fa-lock-open-alt</span><span class="i-code">0xf13e</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf141"><i class="demo-icon fa-ellipsis"></i> <span
          class="i-name">fa-ellipsis</span><span class="i-code">0xf141</span></div>
      <div class="the-icons span3" title="Code: 0xf143"><i class="demo-icon fa-rss-squared"></i> <span
          class="i-name">fa-rss-squared</span><span class="i-code">0xf143</span></div>
      <div class="the-icons span3" title="Code: 0xf144"><i class="demo-icon fa-play-circled"></i> <span
          class="i-name">fa-play-circled</span><span class="i-code">0xf144</span></div>
      <div class="the-icons span3" title="Code: 0xf146"><i class="demo-icon fa-minus-squared"></i> <span
          class="i-name">fa-minus-squared</span><span class="i-code">0xf146</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf147"><i class="demo-icon fa-minus-squared-alt"></i> <span
          class="i-name">fa-minus-squared-alt</span><span class="i-code">0xf147</span></div>
      <div class="the-icons span3" title="Code: 0xf148"><i class="demo-icon fa-level-up"></i> <span
          class="i-name">fa-level-up</span><span class="i-code">0xf148</span></div>
      <div class="the-icons span3" title="Code: 0xf149"><i class="demo-icon fa-level-down"></i> <span
          class="i-name">fa-level-down</span><span class="i-code">0xf149</span></div>
      <div class="the-icons span3" title="Code: 0xf14a"><i class="demo-icon fa-ok-squared"></i> <span
          class="i-name">fa-ok-squared</span><span class="i-code">0xf14a</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf14b"><i class="demo-icon fa-pencil-squared"></i> <span
          class="i-name">fa-pencil-squared</span><span class="i-code">0xf14b</span></div>
      <div class="the-icons span3" title="Code: 0xf14c"><i class="demo-icon fa-link-ext-alt"></i> <span
          class="i-name">fa-link-ext-alt</span><span class="i-code">0xf14c</span></div>
      <div class="the-icons span3" title="Code: 0xf14d"><i class="demo-icon fa-export-alt"></i> <span
          class="i-name">fa-export-alt</span><span class="i-code">0xf14d</span></div>
      <div class="the-icons span3" title="Code: 0xf155"><i class="demo-icon fa-dollar"></i> <span
          class="i-name">fa-dollar</span><span class="i-code">0xf155</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf157"><i class="demo-icon fa-yen"></i> <span
          class="i-name">fa-yen</span><span class="i-code">0xf157</span></div>
      <div class="the-icons span3" title="Code: 0xf15b"><i class="demo-icon fa-doc-inv"></i> <span
          class="i-name">fa-doc-inv</span><span class="i-code">0xf15b</span></div>
      <div class="the-icons span3" title="Code: 0xf15c"><i class="demo-icon fa-doc-text-inv"></i> <span
          class="i-name">fa-doc-text-inv</span><span class="i-code">0xf15c</span></div>
      <div class="the-icons span3" title="Code: 0xf15d"><i class="demo-icon fa-sort-name-up"></i> <span
          class="i-name">fa-sort-name-up</span><span class="i-code">0xf15d</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf15e"><i class="demo-icon fa-sort-name-down"></i> <span
          class="i-name">fa-sort-name-down</span><span class="i-code">0xf15e</span></div>
      <div class="the-icons span3" title="Code: 0xf160"><i class="demo-icon fa-sort-alt-up"></i> <span
          class="i-name">fa-sort-alt-up</span><span class="i-code">0xf160</span></div>
      <div class="the-icons span3" title="Code: 0xf161"><i class="demo-icon fa-sort-alt-down"></i> <span
          class="i-name">fa-sort-alt-down</span><span class="i-code">0xf161</span></div>
      <div class="the-icons span3" title="Code: 0xf162"><i class="demo-icon fa-sort-number-up"></i> <span
          class="i-name">fa-sort-number-up</span><span class="i-code">0xf162</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf163"><i class="demo-icon fa-sort-number-down"></i> <span
          class="i-name">fa-sort-number-down</span><span class="i-code">0xf163</span></div>
      <div class="the-icons span3" title="Code: 0xf175"><i class="demo-icon fa-down"></i> <span
          class="i-name">fa-down</span><span class="i-code">0xf175</span></div>
      <div class="the-icons span3" title="Code: 0xf176"><i class="demo-icon fa-up"></i> <span
          class="i-name">fa-up</span><span class="i-code">0xf176</span></div>
      <div class="the-icons span3" title="Code: 0xf177"><i class="demo-icon fa-left"></i> <span
          class="i-name">fa-left</span><span class="i-code">0xf177</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf178"><i class="demo-icon fa-right"></i> <span
          class="i-name">fa-right</span><span class="i-code">0xf178</span></div>
      <div class="the-icons span3" title="Code: 0xf182"><i class="demo-icon fa-female"></i> <span
          class="i-name">fa-female</span><span class="i-code">0xf182</span></div>
      <div class="the-icons span3" title="Code: 0xf183"><i class="demo-icon fa-male"></i> <span
          class="i-name">fa-male</span><span class="i-code">0xf183</span></div>
      <div class="the-icons span3" title="Code: 0xf18a"><i class="demo-icon fa-weibo"></i> <span
          class="i-name">fa-weibo</span><span class="i-code">0xf18a</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf192"><i class="demo-icon fa-dot-circled"></i> <span
          class="i-name">fa-dot-circled</span><span class="i-code">0xf192</span></div>
      <div class="the-icons span3" title="Code: 0xf196"><i class="demo-icon fa-plus-squared-alt"></i> <span
          class="i-name">fa-plus-squared-alt</span><span class="i-code">0xf196</span></div>
      <div class="the-icons span3" title="Code: 0xf1b2"><i class="demo-icon fa-cube"></i> <span
          class="i-name">fa-cube</span><span class="i-code">0xf1b2</span></div>
      <div class="the-icons span3" title="Code: 0xf1b3"><i class="demo-icon fa-cubes"></i> <span
          class="i-name">fa-cubes</span><span class="i-code">0xf1b3</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf1b8"><i class="demo-icon fa-recycle"></i> <span
          class="i-name">fa-recycle</span><span class="i-code">0xf1b8</span></div>
      <div class="the-icons span3" title="Code: 0xf1c0"><i class="demo-icon fa-database"></i> <span
          class="i-name">fa-database</span><span class="i-code">0xf1c0</span></div>
      <div class="the-icons span3" title="Code: 0xf1c1"><i class="demo-icon fa-file-pdf"></i> <span
          class="i-name">fa-file-pdf</span><span class="i-code">0xf1c1</span></div>
      <div class="the-icons span3" title="Code: 0xf1c2"><i class="demo-icon fa-file-word"></i> <span
          class="i-name">fa-file-word</span><span class="i-code">0xf1c2</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf1c3"><i class="demo-icon fa-file-excel"></i> <span
          class="i-name">fa-file-excel</span><span class="i-code">0xf1c3</span></div>
      <div class="the-icons span3" title="Code: 0xf1c5"><i class="demo-icon fa-file-image"></i> <span
          class="i-name">fa-file-image</span><span class="i-code">0xf1c5</span></div>
      <div class="the-icons span3" title="Code: 0xf1c8"><i class="demo-icon fa-file-video"></i> <span
          class="i-name">fa-file-video</span><span class="i-code">0xf1c8</span></div>
      <div class="the-icons span3" title="Code: 0xf1c9"><i class="demo-icon fa-file-code"></i> <span
          class="i-name">fa-file-code</span><span class="i-code">0xf1c9</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf1cb"><i class="demo-icon fa-codeopen"></i> <span
          class="i-name">fa-codeopen</span><span class="i-code">0xf1cb</span></div>
      <div class="the-icons span3" title="Code: 0xf1d6"><i class="demo-icon fa-qq"></i> <span
          class="i-name">fa-qq</span><span class="i-code">0xf1d6</span></div>
      <div class="the-icons span3" title="Code: 0xf1d7"><i class="demo-icon fa-wechat"></i> <span
          class="i-name">fa-wechat</span><span class="i-code">0xf1d7</span></div>
      <div class="the-icons span3" title="Code: 0xf1d9"><i class="demo-icon fa-paper-plane-empty"></i> <span
          class="i-name">fa-paper-plane-empty</span><span class="i-code">0xf1d9</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf1db"><i class="demo-icon fa-circle-thin"></i> <span
          class="i-name">fa-circle-thin</span><span class="i-code">0xf1db</span></div>
      <div class="the-icons span3" title="Code: 0xf1dc"><i class="demo-icon fa-header"></i> <span
          class="i-name">fa-header</span><span class="i-code">0xf1dc</span></div>
      <div class="the-icons span3" title="Code: 0xf1de"><i class="demo-icon fa-sliders"></i> <span
          class="i-name">fa-sliders</span><span class="i-code">0xf1de</span></div>
      <div class="the-icons span3" title="Code: 0xf1e0"><i class="demo-icon fa-share"></i> <span
          class="i-name">fa-share</span><span class="i-code">0xf1e0</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf1f8"><i class="demo-icon fa-trash"></i> <span
          class="i-name">fa-trash</span><span class="i-code">0xf1f8</span></div>
      <div class="the-icons span3" title="Code: 0xf1f9"><i class="demo-icon fa-copyright"></i> <span
          class="i-name">fa-copyright</span><span class="i-code">0xf1f9</span></div>
      <div class="the-icons span3" title="Code: 0xf1fa"><i class="demo-icon fa-at"></i> <span
          class="i-name">fa-at</span><span class="i-code">0xf1fa</span></div>
      <div class="the-icons span3" title="Code: 0xf1fc"><i class="demo-icon fa-brush"></i> <span
          class="i-name">fa-brush</span><span class="i-code">0xf1fc</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf200"><i class="demo-icon fa-chart-pie"></i> <span
          class="i-name">fa-chart-pie</span><span class="i-code">0xf200</span></div>
      <div class="the-icons span3" title="Code: 0xf204"><i class="demo-icon fa-toggle-off"></i> <span
          class="i-name">fa-toggle-off</span><span class="i-code">0xf204</span></div>
      <div class="the-icons span3" title="Code: 0xf205"><i class="demo-icon fa-toggle-on"></i> <span
          class="i-name">fa-toggle-on</span><span class="i-code">0xf205</span></div>
      <div class="the-icons span3" title="Code: 0xf20d"><i class="demo-icon fa-buysellads"></i> <span
          class="i-name">fa-buysellads</span><span class="i-code">0xf20d</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf217"><i class="demo-icon fa-cart-plus"></i> <span
          class="i-name">fa-cart-plus</span><span class="i-code">0xf217</span></div>
      <div class="the-icons span3" title="Code: 0xf22d"><i class="demo-icon fa-genderless"></i> <span
          class="i-name">fa-genderless</span><span class="i-code">0xf22d</span></div>
      <div class="the-icons span3" title="Code: 0xf233"><i class="demo-icon fa-server"></i> <span
          class="i-name">fa-server</span><span class="i-code">0xf233</span></div>
      <div class="the-icons span3" title="Code: 0xf234"><i class="demo-icon fa-user-plus"></i> <span
          class="i-name">fa-user-plus</span><span class="i-code">0xf234</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf23e"><i class="demo-icon fa-expeditedssl"></i> <span
          class="i-name">fa-expeditedssl</span><span class="i-code">0xf23e</span></div>
      <div class="the-icons span3" title="Code: 0xf245"><i class="demo-icon fa-mouse-pointer"></i> <span
          class="i-name">fa-mouse-pointer</span><span class="i-code">0xf245</span></div>
      <div class="the-icons span3" title="Code: 0xf25d"><i class="demo-icon fa-registered"></i> <span
          class="i-name">fa-registered</span><span class="i-code">0xf25d</span></div>
      <div class="the-icons span3" title="Code: 0xf26c"><i class="demo-icon fa-television"></i> <span
          class="i-name">fa-television</span><span class="i-code">0xf26c</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf274"><i class="demo-icon fa-calendar-check-o"></i> <span
          class="i-name">fa-calendar-check-o</span><span class="i-code">0xf274</span></div>
      <div class="the-icons span3" title="Code: 0xf27a"><i class="demo-icon fa-commenting"></i> <span
          class="i-name">fa-commenting</span><span class="i-code">0xf27a</span></div>
      <div class="the-icons span3" title="Code: 0xf27b"><i class="demo-icon fa-commenting-o"></i> <span
          class="i-name">fa-commenting-o</span><span class="i-code">0xf27b</span></div>
      <div class="the-icons span3" title="Code: 0xf287"><i class="demo-icon fa-usb"></i> <span
          class="i-name">fa-usb</span><span class="i-code">0xf287</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf295"><i class="demo-icon fa-percent"></i> <span
          class="i-name">fa-percent</span><span class="i-code">0xf295</span></div>
      <div class="the-icons span3" title="Code: 0xf299"><i class="demo-icon fa-envira"></i> <span
          class="i-name">fa-envira</span><span class="i-code">0xf299</span></div>
      <div class="the-icons span3" title="Code: 0xf29c"><i class="demo-icon fa-question-circle-o"></i> <span
          class="i-name">fa-question-circle-o</span><span class="i-code">0xf29c</span></div>
      <div class="the-icons span3" title="Code: 0xf2a0"><i class="demo-icon fa-volume-control-phone"></i> <span
          class="i-name">fa-volume-control-phone</span><span class="i-code">0xf2a0</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf2bc"><i class="demo-icon fa-address-card-o"></i> <span
          class="i-name">fa-address-card-o</span><span class="i-code">0xf2bc</span></div>
      <div class="the-icons span3" title="Code: 0xf2bd"><i class="demo-icon fa-user-circle"></i> <span
          class="i-name">fa-user-circle</span><span class="i-code">0xf2bd</span></div>
      <div class="the-icons span3" title="Code: 0xf2be"><i class="demo-icon fa-user-circle-o"></i> <span
          class="i-name">fa-user-circle-o</span><span class="i-code">0xf2be</span></div>
      <div class="the-icons span3" title="Code: 0xf2c0"><i class="demo-icon fa-user-o"></i> <span
          class="i-name">fa-user-o</span><span class="i-code">0xf2c0</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0xf2d0"><i class="demo-icon fa-window-maximize"></i> <span
          class="i-name">fa-window-maximize</span><span class="i-code">0xf2d0</span></div>
      <div class="the-icons span3" title="Code: 0xf2d2"><i class="demo-icon fa-window-restore"></i> <span
          class="i-name">fa-window-restore</span><span class="i-code">0xf2d2</span></div>
      <div class="the-icons span3" title="Code: 0xf33f"><i class="demo-icon fa-sina-weibo"></i> <span
          class="i-name">fa-sina-weibo</span><span class="i-code">0xf33f</span></div>
      <div class="the-icons span3" title="Code: 0xf527"><i class="demo-icon fa-spread"></i> <span
          class="i-name">fa-spread</span><span class="i-code">0xf527</span></div>
    </div>
    <div class="row">
      <div class="the-icons span3" title="Code: 0x1f44d"><i class="demo-icon fa-thumbs-up-1"></i> <span
          class="i-name">fa-thumbs-up-1</span><span class="i-code">0x1f44d</span></div>
      <div class="the-icons span3" title="Code: 0x1f4a1"><i class="demo-icon fa-lamp"></i> <span
          class="i-name">fa-lamp</span><span class="i-code">0x1f4a1</span></div>
      <div class="the-icons span3" title="Code: 0x1f4e4"><i class="demo-icon fa-upload-2"></i> <span
          class="i-name">fa-upload-2</span><span class="i-code">0x1f4e4</span></div>
      <div class="the-icons span3" title="Code: 0x1f4e5"><i class="demo-icon fa-download-3"></i> <span
          class="i-name">fa-download-3</span><span class="i-code">0x1f4e5</span></div>
    </div>
  </div>
  <div class="container footer">Generated by <a href="http://fontello.com">fontello.com</a></div>
</body>

</html>